<template>
    <div class="mui-numbox" data-numbox-min='1' :data-numbox-max='max'>
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input id="test" class="mui-input-numbox" type="number" value="1" />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
	</div>
</template>

<script>
//导入mui从而支持初始化数字框
import mui from '../../../lib/mui/js/mui.js';
export default {
    data() {
        return{

        }
    },
    mounted(){
        //当组件挂载到页面中之后，去初始化数字框
        mui('.mui-numbox').numbox()
    },
    methods:{
    },
     props:['max'],//接受父组件传递过来的库存量
     watch:{
         //监听场景：监听单个的虚拟的数据
         max:function(newval,oldval){
             //无论外界传递给nobox的max值到底是什么，最后传递的那个max值肯定是一个合法的数值
             //每当监听到max值的改变，不论这个值是否合法，我们都重新为数字框，使用JS API来手动设置最大值
             mui('.mui-numbox').numbox().setOption('max',newval);
         }
     }
    
}
</script>

<style lang="scss" scoped>

</style>